<template>

    <view class="list-card" v-if="item.mode === 'base'">
        <!-- 卡片图片部分 -->
        <view class="list-card-img">
            <image :src="item.cover[0] ?item.cover[0]:'/static/img/logo.jpeg'"></image>
        </view>
        <!-- <view class="list-card" v-if='item.mode==="base"'></view>
        <!-- 卡片内容部分 -->
        <view class="list-card-content">
            <view class="list-card-content-title">
                <text>
					{{item.title}}	<SaveLikes />
                </text>
				<SaveLikes></SaveLikes>
            </view>
            
            <view class="list-card-content-desc">
                <view class="article-type">
                    {{item.classify}}
                </view>
                
                <view class="browse-number">
                    {{item.browse_count}}浏览
                </view>
            </view>
        </view>
    </view>
	
	
	
	
	<!-- 多图和大图 -->
	<view class="list-card mode-column" v-if="item.mode === 'column'">
	
	
	
		<!-- 大图和
		 -->
		 
		 
		 
		 
		<view class="list-card-top">
			
			<text>
				{{item.title}}
			</text>
			<!-- <SaveLikes></SaveLikes> -->
			 <SaveLikes />
		</view>
		
		<view class="list-card-middle">
			<view class="image-container" v-for="(img,index) in item.cover.slice(0,3)" :key='index'>
				
				 <image :src="img" ></image>
			
			</view>
			
		</view>
		
		
		    
		     <view class="list-card-content-desc list-card-bottom">
		        <view class="article-type">
		            {{item.classify}}
		        </view>
		        
		        <view class="browse-number">
		            {{item.browse_count}}浏览
		        </view>
		    </view>
		
		
		
	  <!---->
	  
	</view>
	
	
	
	
	<!-- 大图模式
	 
	 -->
	 
	 
	 
	 <!-- 多图和大图 -->
	 <view class="list-card mode-image " v-if="item.mode === 'image'">
	 
	 
	 
	 	<!-- 大图和
	 	 -->
	 	 
	 	 
	 	 <view class="list-card-top">
	 	 	<view class="image-container">
	 	 		
	 	 		 <image :src="item.cover[0]" mode="aspectFill"  ></image>
	 	 	
	 	 	</view>
	 	 	
	 	 </view>
	 	 
	 	<view class="list-card-middle">
	 		
	 		<text>
	 		    	{{item.title}}
	 		</text>
	 		<!-- <SaveLikes></SaveLikes> -->
	 		 <SaveLikes />
	 	</view>
	 	
	 	
	 	
	 	
	 	    
	 	     <view class="list-card-content-desc list-card-bottom">
	 	        <view class="article-type">
	 	             {{item.classify}}
	 	        </view>
	 	        
	 	        <view class="browse-number">
	 	            {{item.browse_count}}浏览
	 	        </view>
	 	    </view>
	 	
	 	
	 	
	   <!---->
	   
	 </view>
</template>

<script>
	export default {
		name:"ListCard",
		props:{
			item:Object
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
@import url('./css/ListCard.scss');
</style> 